<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">

		<title>è®¢åè¯¦æ</title>

		<link href="../AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css">
		<link href="../AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css">

		<link href="../css/personal.css" rel="stylesheet" type="text/css">
		<link href="../css/orstyle.css" rel="stylesheet" type="text/css">

		<script src="../AmazeUI-2.4.2/assets/js/jquery.min.js"></script>
		<script src="../AmazeUI-2.4.2/assets/js/amazeui.js"></script>


	</head>

	<body>
		<!--å¤´ -->
		<header>
			<article>
				<div class="mt-logo">
					<!--é¡¶é¨å¯¼èªæ¡ -->
					<div class="am-container header">
						<ul class="message-l">
							<div class="topMessage">
								<div class="menu-hd">
									
								</div>
							</div>
						</ul>
						<ul class="message-r">
							<div class="topMessage home">
								<div class="menu-hd"><a href="../home/home.jsp" target="_top" class="h">ååé¦é¡µ</a></div>
							</div>
							<div class="topMessage my-shangcheng">
								<div class="menu-hd MyShangcheng"><a href="index.jsp" target="_top"><i class="am-icon-user am-icon-fw"></i>ä¸ªäººä¸­å¿</a></div>
							</div>
							<div class="topMessage mini-cart">
								<div class="menu-hd"><a id="mc-menu-hd" href="../home/pay.jsp" target="_top"><i class="am-icon-shopping-cart  am-icon-fw"></i><span>è´­ç©è½¦</span><strong id="J_MiniCartNum" class="h">0</strong></a></div>
							</div>
							<div class="topMessage favorite">
						</ul>
						</div>

						<!--æ¬æµ®æç´¢æ¡-->

						<div class="nav white">
							<div class="logoBig">
								<li><img src="../images/logobig.png" /></li>
							</div>

							<div class="search-bar pr">
								<a name="index_none_header_sysc" href="#"></a>
								<form>
									<input id="searchInput" name="index_none_header_sysc" type="text" placeholder="æç´¢" autocomplete="off">
									<input id="ai-topsearch" class="submit am-btn" value="æç´¢" index="1" type="submit">
								</form>
							</div>
						</div>

						<div class="clear"></div>
					</div>
				</div>
			</article>
		</header>
            <div class="nav-table">
					   <div class="long-title"><span class="all-goods">å¨é¨åç±»</span></div>
					   <div class="nav-cont">
							<ul>
								<li class="index"><a href="../home/home.jsp">é¦é¡µ</a></li>
                                <li class="qc"><a href="#">éªè´­</a></li>
                                <li class="qc"><a href="#">éæ¶æ¢</a></li>
                                <li class="qc"><a href="#">å¢è´­</a></li>
                                <li class="qc last"><a href="#">å¤§åè£</a></li>
							</ul>
						</div>
			</div>
			<b class="line"></b>
		<div class="center">
			<div class="col-main">
				<div class="main-wrap">

					<div class="user-orderinfo">

						<!--æ é¢ -->
						<div class="am-cf am-padding">
							<div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">è®¢åè¯¦æ</strong> / <small>Order&nbsp;details</small></div>
						</div>
						<hr/>
						<!--è¿åº¦æ¡-->
						<div class="m-progress">
							<div class="m-progress-list">
								<span class="step-1 step">
                                   <em class="u-progress-stage-bg"></em>
                                   <i class="u-stage-icon-inner">1<em class="bg"></em></i>
                                   <p class="stage-name">æä¸åå</p>
                                </span>
								<span class="step-2 step">
                                   <em class="u-progress-stage-bg"></em>
                                   <i class="u-stage-icon-inner">2<em class="bg"></em></i>
                                   <p class="stage-name">åå®¶åè´§</p>
                                </span>
								<span class="step-3 step">
                                   <em class="u-progress-stage-bg"></em>
                                   <i class="u-stage-icon-inner">3<em class="bg"></em></i>
                                   <p class="stage-name">ç¡®è®¤æ¶è´§</p>
                                </span>
								<span class="step-4 step">
                                   <em class="u-progress-stage-bg"></em>
                                   <i class="u-stage-icon-inner">4<em class="bg"></em></i>
                                   <p class="stage-name">äº¤æå®æ</p>
                                </span>
								<span class="u-progress-placeholder"></span>
							</div>
							<div class="u-progress-bar total-steps-2">
								<div class="u-progress-bar-inner"></div>
							</div>
						</div>
						<div class="order-infoaside">
							<div class="order-logistics">
								<a href="logistics.jsp">
									<div class="icon-log">
										<i><img src="../images/receive.png"></i>
									</div>
									<div class="latest-logistics">
										<p class="text">å·²ç­¾æ¶,ç­¾æ¶äººæ¯éå¹´åç­¾æ¶ï¼æè°¢ä½¿ç¨å¤©å¤©å¿«éï¼æå¾åæ¬¡ä¸ºæ¨æå¡</p>
										<div class="time-list">
											<span class="date">2015-12-19</span><span class="week">å¨å­</span><span class="time">15:35:42</span>
										</div>
										<div class="inquire">
											<span class="package-detail">ç©æµï¼å¤©å¤©å¿«é</span>
											<span class="package-detail">å¿«éåå·: </span>
											<span class="package-number">373269427868</span>
											<a href="logistics.jsp">æ¥ç</a>
										</div>
									</div>
									<span class="am-icon-angle-right icon"></span>
								</a>
								<div class="clear"></div>
							</div>
							<div class="order-addresslist">
								<div class="order-address">
									<div class="icon-add">
									</div>
									<p class="new-tit new-p-re">
										<span class="new-txt">å°å®å½</span>
										<span class="new-txt-rd2">159****1622</span>
									</p>
									<div class="new-mu_l2a new-p-re">
										<p class="new-mu_l2cw">
											<span class="title">æ¶è´§å°åï¼</span>
											<span class="province">æ¹å</span>ç
											<span class="city">æ­¦æ±</span>å¸
											<span class="dist">æ´ªå±±</span>åº
											<span class="street">éæ¥å¤§é666å·(ä¸­åè´¢ç»æ¿æ³å¤§å­¦)</span></p>
									</div>
								</div>
							</div>
						</div>
						<div class="order-infomain">

							<div class="order-top">
								<div class="th th-item">
									<td class="td-inner">åå</td>
								</div>
								<div class="th th-price">
									<td class="td-inner">åä»·</td>
								</div>
								<div class="th th-number">
									<td class="td-inner">æ°é</td>
								</div>
								<div class="th th-operation">
									<td class="td-inner">ååæä½</td>
								</div>
								<div class="th th-amount">
									<td class="td-inner">åè®¡</td>
								</div>
								<div class="th th-status">
									<td class="td-inner">äº¤æç¶æ</td>
								</div>
								<div class="th th-change">
									<td class="td-inner">äº¤ææä½</td>
								</div>
							</div>

							<div class="order-main">

								<div class="order-status3">
									<div class="order-title">
										<div class="dd-num">è®¢åç¼å·ï¼<a href="javascript:;">1601430</a></div>
										<span>æäº¤æ¶é´ï¼2015-12-20</span>
										<!--    <em>åºéºï¼å°æ¡ç¯</em>-->
									</div>
									<div class="order-content">
										<div class="order-left">
											<ul class="item-list">
												<li class="td td-item">
													<div class="item-pic">
														<a href="#" class="J_MakePoint">
															<img src="../images/kouhong.jpg_80x80.jpg" class="itempic J_ItemImg">
														</a>
													</div>
													<div class="item-info">
														<div class="item-basic-info">
															<a href="#">
																<p>ç¾åº·ç²é»éç¾åè æä¹ä¿æ¹¿æ»æ¶¦é²æ°´ä¸æè²</p>
																<p class="info-little">é¢è²ï¼12#å·åçç
																	<br/>åè£ï¼è£¸è£ </p>
															</a>
														</div>
													</div>
												</li>
												<li class="td td-price">
													<div class="item-price">
														333.00
													</div>
												</li>
												<li class="td td-number">
													<div class="item-number">
														<span>Ã</span>2
													</div>
												</li>
												<li class="td td-operation">
													<div class="item-operation">
														éæ¬¾/éè´§
													</div>
												</li>
											</ul>

											<ul class="item-list">
												<li class="td td-item">
													<div class="item-pic">
														<a href="#" class="J_MakePoint">
															<img src="../images/62988.jpg_80x80.jpg" class="itempic J_ItemImg">
														</a>
													</div>
													<div class="item-info">
														<div class="item-basic-info">
															<a href="#">
																<p>ç¤¼çè¢å­å¥³ç§å¬ çº¯æ£è¢å å é©å½å¯ç± </p>
																<p class="info-little">é¢è²åç±»ï¼ææ¸ç§
																	<br/>å°ºç ï¼åç </p>
															</a>
														</div>
													</div>
												</li>
												<li class="td td-price">
													<div class="item-price">
														333.00
													</div>
												</li>
												<li class="td td-number">
													<div class="item-number">
														<span>Ã</span>2
													</div>
												</li>
												<li class="td td-operation">
													<div class="item-operation">
														éæ¬¾/éè´§
													</div>
												</li>
											</ul>

										</div>
										<div class="order-right">
											<li class="td td-amount">
												<div class="item-amount">
													åè®¡ï¼676.00
													<p>å«è¿è´¹ï¼<span>10.00</span></p>
												</div>
											</li>
											<div class="move-right">
												<li class="td td-status">
													<div class="item-status">
														<p class="Mystatus">åå®¶å·²åè´§</p>
														<p class="order-info"><a href="logistics.jsp">æ¥çç©æµ</a></p>
														<p class="order-info"><a href="#">å»¶é¿æ¶è´§</a></p>
													</div>
												</li>
												<li class="td td-change">
													<div class="am-btn am-btn-danger anniu">
														ç¡®è®¤æ¶è´§</div>
												</li>
											</div>
										</div>
									</div>

								</div>
							</div>
						</div>
					</div>

				</div>
				<!--åºé¨-->
				<div class="footer">
					<div class="footer-hd">
						<p>
							<a href="#">å£¹ç§æ</a>
							<b>|</b>
							<a href="../home/home.jsp">ååé¦é¡µ</a>
							<b>|</b>
							<a href="#">æ¯ä»å®</a>
							<b>|</b>
							<a href="#">ç©æµ</a>
						</p>
					</div>
					<div class="footer-bd">
						<p>
						</p>
					</div>
				</div>

			</div>
			<aside class="menu">
				<ul>
					<li class="person">
						<a href="index.jsp">ä¸ªäººä¸­å¿</a>
					</li>
					<li class="person">
						<a href="#">ä¸ªäººèµæ</a>
						<ul>
							<li> <a href="information.jsp">ä¸ªäººä¿¡æ¯</a></li>
							<li> <a href="safety.jsp">å®å¨è®¾ç½®</a></li>
							<li> <a href="address.jsp">æ¶è´§å°å</a></li>
						</ul>
					</li>
					<li class="person">
						<a href="#">æçäº¤æ</a>
						<ul>
							<li class="active"><a href="order.jsp">è®¢åç®¡ç</a></li>
							<li> <a href="change.jsp">éæ¬¾å®å</a></li>
						</ul>
					</li>
					<li class="person">
						<a href="#">æçèµäº§</a>
						<ul>
							<li> <a href="coupon.jsp">ä¼æ å¸ </a></li>
							<li> <a href="bonus.jsp">çº¢å</a></li>
							<li> <a href="bill.jsp">è´¦åæç»</a></li>
						</ul>
					</li>

					<li class="person">
						<a href="#">æçå°çª</a>
						<ul>
							<li> <a href="collection.jsp">æ¶è</a></li>
							<li> <a href="foot.jsp">è¶³è¿¹</a></li>
							<li> <a href="comment.jsp">è¯ä»·</a></li>
							<li> <a href="news.jsp">æ¶æ¯</a></li>
						</ul>
					</li>

				</ul>

			</aside>
		</div>

	</body>

</html>